import React from 'react';
import { BoardComp } from "./components/BoardComp"
import { ChessType } from "./types/enums"
import { GameComp } from "./components/GameComp"

// import { CountComp } from './components/CountComp'

// const App: React.FC = () => {
//   return (
//     <div>
//       <CountComp num={2} onChange={(n)=>{}}/>
//     </div>
//   );
// }

// export default App;
// interface IState{
//   num:number
// }
// export class App extends React.Component<{},IState>{
//   state:IState = {
//     num:0
//   }
//   render(){
//     return (
//       <CountComp num={this.state.num} onChange={ n => {
//         this.setState({
//           num:n
//         })
//       }}/>
//     )
//   }
// }

// const chesses:ChessType[] = [
//   ChessType.black,
//   ChessType.black,
//   ChessType.black,
//   ChessType.red,
//   ChessType.red,
//   ChessType.red,
//   ChessType.red,
//   ChessType.none,
//   ChessType.none,
// ]
export class App extends React.Component {
    render(){
      return ( 
        <div>
          <GameComp/>
        </div>
      )
    }
}